/*
* @Author: Administrator
* @Date:   2017-10-26 10:03:52
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-08 09:12:42
*/
.article-list{
	width: 100%;
	padding-top: 20px;
	.article-list-item{
		width: 100%;
		margin-bottom: 30px;
		overflow:hidden;
		.item-left{
			width: 60%;
			float: left;
			position: relative;
   			border-bottom: #838484 1px solid;
			.number{
				position: absolute;
			    left: 40px;
			    top: 50%;
			    margin-top:-20px;
			    font-size: 40px;
			    color: #aeaeae;
			}
			.list-item-info{
				margin-left: 100px;
				padding: 20px 20px 20px 0;
				.list-item-title{
					font-size: 18px;
				    font-weight: normal;
				    height: 30px;
				    line-height: 30px;
				    color: #000;
				    background: #ccc;
				    margin-bottom: 10px;
				    overflow: hidden;
				    text-overflow:ellipsis;
				    white-space: nowrap;
				    transition:all 0.5s;
				    &:hover{
						background:#000;
						a{
							color:#eee;
						}
					
				    }
				    a{
				    	color:#000;
				    	padding: 0px 10px;
				    	display: block;
				    	width: 100%;

				    }
				}
				.list-item-time{
					text-align: right;
				    float: right;
				    color: #999;
				}
			}
		}
		.item-right{
			width: 28%;
			height: 140px;
		    overflow:hidden;
		    background: #ccc;
		    float: right;
		    text-align: center;
		    img{
		    	height: 100%;
		    }
		}
	}
	.pagination{
		margin: 20px 0;
	}
}